<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>车辆查询列表</title>
    <link rel="stylesheet" th:href="@{/css/h_PurchaseCar.css}">
    <link rel="stylesheet" th:href="@{/css/h_public.css}">
    <script type="text/javascript" th:src="@{/js/jquery-3.1.1.min.js}"></script>
</head>
<body>
<div class="screen-result js-top" id="post">
    <p class="result-p3">共为您找到<strong th:text="${pageInfo.total}"></strong>辆好车</p>
</div>
<div class="chezhang">
    <ul class="clearfixul">
        <li th:each="car:${pageInfo.list}">
            <a th:href="@{/usedCar/findCarList(usedCarId= ${car.usedCarId})}">
                <span th:each="images,img:${car.usedCarImage}" th:if="${img.index} lt 1">
                    <img th:src="${images.imagePath}" alt="未找到此图片" width="290px" height="195px">
                </span>
                <h3 class="t" th:text="${car.usedCarName}"></h3>
                <div class="t-i"><span th:text="${#dates.year(car.usedCarRegistrationTime)}"></span>年<span
                        class="icon-pad">|</span>
                    <span th:text="${car.usedCarMileage}"></span><span>万公里</span></div>
                <div class="t-price">
                    <!-- 价格 -->
                    <p><span style="font-size: 20px;" th:text="${car.usedCarHandSale}"></span>万</p>
                    <!-- 标签 -->
                    <i class="i-orange">超值</i><i class="i-green">准新车</i><em class="line-through">首付:<span th:text="${car.usedCarDownPayment}"></span></em>
                </div>
                <em class="icon-sale">急降<br><span>3000</span>元</em>
            </a>
        </li>
    </ul>
    <!--<ul class="clearfixul" th:each="brand:${usedCarBrandList}">
        <li th:each="car:${brand.usedCarList}"><a href="">
            <img src="img/qn17102216270379f5222e954b8af4bded5f5e61d64f1e.jpg" alt="">
            <span>
                <h3 class="t" th:text="${car.usedCarName}"></h3>
                <div class="t-i"><span th:text="${#dates.year(car.usedCarRegistrationTime)}"></span>年<span
                        class="icon-pad">|</span>
                    <span th:text="${car.usedCarMileage}"></span><span>万公里</span></div>
                <div class="t-price">
                    &lt;!&ndash; 到手价 &ndash;&gt;
                    <p><span style="font-size: 20px;" th:text="${car.usedCarHandSale}"></span><span>万</span></p>
                    &lt;!&ndash; 首付 &ndash;&gt;
                    <span style="margin-left: 10px;">首付</span><span
                        th:text="${car.usedCarDownPayment}"></span><span>万</span>
                </div>
                <em class="icon-sale">急降<br><span>3000</span>元</em>
            </span>
        </a>
        </li>
    </ul>
    <ul class="clearfixul" th:each="series:${usedSeriesList}">
        <li th:each="car:${series.usedCarList}"><a href="">
            <img src="img/qn17102216270379f5222e954b8af4bded5f5e61d64f1e.jpg" alt="">
            <span>
                <h3 class="t" th:text="${car.usedCarName}"></h3>
                <div class="t-i"><span th:text="${#dates.year(car.usedCarRegistrationTime)}"></span>年<span
                        class="icon-pad">|</span>
                    <span th:text="${car.usedCarMileage}"></span><span>万公里</span></div>
                <div class="t-price">
                    &lt;!&ndash; 到手价 &ndash;&gt;
                    <p><span style="font-size: 20px;" th:text="${car.usedCarHandSale}"></span><span>万</span></p>
                    &lt;!&ndash; 首付 &ndash;&gt;
                    <span style="margin-left: 10px;">首付</span><span
                        th:text="${car.usedCarDownPayment}"></span><span>万</span>
                </div>
                <em class="icon-sale">急降<br><span>3000</span>元</em>
            </span>
        </a>
        </li>
    </ul>
    <ul class="clearfixul" th:each="type:${usedCarTypeList}">
        <li th:each="car:${type.usedCarList}"><a href="">
            <img src="img/qn17102216270379f5222e954b8af4bded5f5e61d64f1e.jpg" alt="">
            <span>
                <h3 class="t" th:text="${car.usedCarName}"></h3>
                <div class="t-i"><span th:text="${#dates.year(car.usedCarRegistrationTime)}"></span>年<span
                        class="icon-pad">|</span>
                    <span th:text="${car.usedCarMileage}"></span><span>万公里</span></div>
                <div class="t-price">
                    &lt;!&ndash; 到手价 &ndash;&gt;
                    <p><span style="font-size: 20px;" th:text="${car.usedCarHandSale}"></span><span>万</span></p>
                    &lt;!&ndash; 首付 &ndash;&gt;
                    <span style="margin-left: 10px;">首付</span><span
                        th:text="${car.usedCarDownPayment}"></span><span>万</span>
                </div>
                <em class="icon-sale">急降<br><span>3000</span>元</em>
            </span>
        </a>
        </li>
    </ul>-->
</div>
<div class="pageBox">
    <ul class="pageLink clearfix">
        <span th:if="${pageInfo.cpage -1 <= 0}">
             <li><a href="#" class="next">到头了<span></span></a></li>
        </span>
        <span th:if="${pageInfo.cpage -1 > 0}">
            <li><a href="#" th:onclick="|buySearch(${pageInfo.cpage}-1)|" class="next"><em>&lt;&nbsp;</em><span>上一页</span></a></li>
        </span>
        <!--<li class="link-on"><a><span>1</span></a></li>-->
        <!--<li><a href="###"><span>2</span></a></li>-->
        <!--<li><a href="#"><span>3</span></a></li>-->
        <!--<li><a href="#"><span>4</span></a></li>-->
        <!--<li><a href="#"><span>5</span></a></li>-->
        <!--<li><a href="#"><span>6</span></a></li>-->
        <!--<li><a href="#"><span>7</span></a></li>-->
        <!--<li class="point"><a><span>...</span></a></li>-->
        <!--<li><a href="#"><span>42</span></a></li>-->
        <span  th:if="${pageInfo.cpage==pageInfo.totalPage}">
             <li><a href="#" class="next"><span>到底了</span></a></li>
        </span>
        <span th:if="${pageInfo.cpage < pageInfo.totalPage}">
          <li><a href="#" th:onclick="|buySearch(${pageInfo.cpage+1})|" class="next"><span>下一页</span><em>&nbsp;&gt;</em></a></li>
        </span>
    </ul>
</div>
</body>
</html>
